* {margin: 0; padding: 0; list-style: none; outline: none;}
html{width: 100%; height: 100%; font-size: 100px; background: @bgColor;}
body,#app{
    width: 100%; height: 100%; font-size: 0.12rem; background-color: @bgColor;
    font-family: "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', sans-serif;
}
h1,h2,h3,h4,h5,h6{font-weight: 100;}

.ow10{width: 10%!important;}
.ow15{width: 15%!important;}
.ow20{width: 20%!important;}
.ow25{width: 25%!important;}
.ow30{width: 30%!important;}
.ow35{width: 35%!important;}
.ow40{width: 40%!important;}
.ow50{width: 50%!important;}
.ow70{width: 70%!important;}
.ow75{width: 75%!important;}
.ow80{width: 80%!important;}
.ow90{width: 90%!important;}
.ow100{width: 100%!important;}

.font14{font-size: 0.14rem;}
.font16{font-size: 0.16rem;}
.font18{font-size: 0.18rem;}
.font24{font-size: 0.24rem;}

.mt_5{margin-top: 0.05rem!important;}   .mb_5{margin-bottom: 0.05rem!important;}
.mt_10{margin-top: 0.1rem!important;}   .mb_10{margin-bottom: 0.1rem!important;}
.mt_15{margin-top: 0.15rem!important;}  .mb_15{margin-bottom: 0.15rem!important;}
.mt_20{margin-top: 0.2rem!important;}   .mb_20{margin-bottom: 0.2rem!important;}
.mt_25{margin-top: 0.25rem!important;}  .mb_25{margin-bottom: 0.25rem!important;}
.mt_30{margin-top: 0.3rem!important;}   .mb_30{margin-bottom: 0.3rem!important;}
.mt_50{margin-top: 0.5rem!important;}   .mb_50{margin-bottom: 0.5rem!important;}

.ml_5{margin-left: 0.05rem!important;}   .mr_5{margin-right: 0.05rem!important;}
.ml_10{margin-left: 0.1rem!important;}   .mr_10{margin-right: 0.1rem!important;}
.ml_15{margin-left: 0.15rem!important;}  .mr_15{margin-right: 0.15rem!important;}
.ml_20{margin-left: 0.2rem!important;}   .mr_20{margin-right: 0.2rem!important;}
.ml_50{margin-left: 0.5rem!important;}   .mr_50{margin-right: 0.5rem!important;}

.fl{float: left;}.fr{float: right;}.ff{clear: both;}
.tl{text-align: left;}.tc{text-align: center;}.tr{text-align: right;}